.pay-replace-zijie {
  font-size: 28rpx !important;
  padding-bottom: 100rpx;
  padding-top: 20px;

  .goods-info {
    border-radius: 8rpx;
    background: #fff;
    padding: 24rpx 25rpx 40rpx;
    margin: 0 20rpx;

    .goods-show {
      display: flex;

      .good-img {
        width: 130rpx;
        height: 130rpx;
      }

      .good-desc {
        flex: 1;
        padding: 0 20rpx;

        .name {
          font-size: 28rpx;
          font-weight: 600;
          color: #313131;
          margin: 0 0 6rpx;
        }

        .desc {
          font-size: 24rpx;
        }

        .tags {
          font-size: 24rpx;
          border: 2rpx solid #E39566;
          border-radius: 6rpx;
          color: #E39566;
          display: inline-block;
          padding: 2rpx 4rpx;
          margin-top: 16rpx;

          .tag-t {
            border-right: 2rpx solid #E39566;
            padding: 0 6rpx;

            &:last-child {
              border-right: none;
            }
          }
        }
      }

      .good-price {
        width: 120rpx;
        text-align: right;
        font-family: Avenir;
      }
    }

    .title-block {
      .title {
        font-size: 28rpx;
        color: #313131;
        font-weight: 600;
        margin-bottom: 20rpx;
      }

      .title-tip {
        color: #B2B2B2;
        font-size: 24rpx;
        font-weight: normal;
        padding-left: 10rpx;
      }
    }

    .calendar-box {
      margin-top: 40rpx;

      .calendar-tools {
        display: flex;
        align-items: center;

        .date-block {
          background-color: #fff;
          margin-right: 20rpx;
          text-align: center;
          border: 2rpx solid #e8e8e8;
          border-radius: 6rpx;
          padding: 6rpx 0;
          transition: background-color .5s, border .3s;

          .label {
            margin-bottom: 2rpx;
          }

          &.active {
            background-color: #F2A43A;
            border: 1px solid #F2A43A;
            color: #fff;
          }
        }

        .flex-item {
          flex: 1;
        }

        .date-more {
          display: flex;
          align-items: center;
          margin-right: 0;
          padding-right: 0;

          .more-btn {
            flex: 1;
            text-align: center;
            padding-left: 8rpx;
          }

          .more-icon {
            padding: 0 10rpx;
          }
        }
      }

      .calendar-hotel {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #666;
        background-color: #f7f7f7;
        padding: 30rpx;
        border-radius: 8rpx;
        margin-top: 10rpx;

        .ch-left {
          display: flex;
          align-items: center;

          .date-text {
            color: #000;
            font-weight: bold;
            font-size: 32rpx;
          }

          .date-week {
            font-size: 24rpx;
            margin-left: 10rpx;
          }

          .date-stay {
            max-width: 100rpx;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 18rpx;
            padding: 2rpx 20rpx;
            margin: 0 20rpx;
            border-radius: 40rpx;
            color: #fe8940;
            border: 2rpx solid #fe8940;
          }
        }

        .ch-left_place {
        }
      }
    }

    .goods-num {
      height: 70rpx;
      margin-top: 40rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .num {
        font-size: 28rpx;
        color: #313131;
        font-weight: 600;
      }

      .diy-numberbox {
        display: inline-flex;
        align-items: center;
        height: 62rpx;
        background: rgb(242, 243, 245);
        color: rgb(50, 50, 51);
        border-radius: 8rpx;

        .diy-btn {
          width: 62rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24rpx;
          height: inherit;
        }

        .diy-minus {
        }

        .diy-number {
          width: 82rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          padding: 0;
          font-size: 20rpx;
          border-left: 2rpx solid #fbfbfb;
          border-right: 2rpx solid #fbfbfb;
        }

        .diy-plus {
        }
      }
    }

    .sub-total {
      margin-top: 30rpx;
      text-align: right;

      .title {
        font-size: 24rpx;
        padding-right: 14rpx;
      }

      .price {
        font-family: Avenir;
        font-weight: 600;
      }
    }
  }

  .apt-block {
    background: #fff;
    border-radius: 8rpx;
    padding: 20rpx;
    margin: 20rpx;

    .order-user {
      border-radius: 8rpx;
      background: #fff;
      padding: 20rpx 0 0;

      .ou-title {
      }

      .creatForm {

        .uni-form-item:last-child {
          border: none;
        }

        .uni-form-item {
          display: flex;
          align-items: center;
          padding: 12rpx 0;
          border-bottom: 2rpx solid #f2f2f2;

          .title {
            font-size: 28rpx;
            display: inline-block;
            width: 112rpx;
            text-align-last: justify;
            font-weight: 600;
            white-space: nowrap;
          }

          .uni-input-wrapper {
            width: 100%;
            display: inline-block;
          }
        }

        .phone-btn {
          width: 120rpx;
          text-align: right;

          button {
            font-size: 28rpx;
            font-weight: normal;
            background: none;
            border-radius: 0;
            padding: 0;

            &:after {
              border: none;
              border-radius: 0;
            }
          }
        }
      }
    }

    .title {
      font-size: 34rpx !important;
      font-weight: 600 !important;
    }
  }

  .apt-form-info {
    .uni-input-cus {
      flex: 1;
      height: 70rpx;
      line-height: 70rpx;
      position: relative;
      padding-right: 40rpx;
      font-size: 28rpx;
    }

    .cus-flex-between {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .placeholder-cus-cla-wrapper {
        width: 100%;
        position: relative;

        .placeholder-cus-cla {
          position: absolute;
          left: 0;
          top: 50%;
          color: #ccc;
          transform: translate(0, -50%);
        }
      }
    }

    .oi-block {
      display: flex;
      align-items: center;
      padding: 10rpx 0;
      line-height: 60rpx;
      border-top: 2rpx solid #e5e5e5;

      &:first-child {
        border-top: none;
      }

      .label {
        width: 110rpx;
        padding-right: 20rpx;
      }

      .label-block {
        display: flex;

        view {
          flex: 1;

          &:last-child {
            text-align: right;
          }
        }

        .ct {
          text-align: center;
        }
      }

      .right {
        flex: 1;
        padding-left: 34rpx;
      }
    }

    .txt-block {
      padding: 20rpx 0;
    }
  }

  .bottom-btn {
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding-top: 20rpx;
    padding-right: 40rpx;
    padding-left: 40rpx;
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 666;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-shadow: 0 2rpx 40rpx #eae8e8;

    .leftPrice {
      line-height: 110rpx;
      font-size: 40rpx;
      font-weight: 600;
      margin-left: 10rpx;
      color: #fc5128;

      text {
        font-size: 20rpx !important;
      }
    }

    .gopay {
      flex: 1;
      background-color: #fc5128;
      border-radius: 8rpx;
      line-height: 80rpx;
      text-align: center;
      color: #fff;
      font-size: 28rpx;
    }

    .gopay-btn {
      flex: 1;

      .gopay-btn_btn {
        background-color: #fe2c55;
        font-size: 32rpx;
        border-radius: 8rpx;
      }
    }

    .sum {
      flex: 1;
      font-family: Avenir;
      display: inline-block;
      padding-right: 10rpx;
      color: #333;
      font-size: 28px;
      margin-right: 10rpx;

      .price {
        color: #fc5128;
        font-size: 50px;
        padding-left: 10rpx;

        .label {
          font-size: 28px;
        }
      }
    }
  }
}

.mask-layer {
  background: rgba(0, 0, 0, .5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
